<template>
	<view class="layer">
		<view class="kuang">
			<view class="backbox">
				<view class="backimg"></view>
			</view>
			<!-- <image class="img" src="../static/report.png"></image> -->
			<view class="wordText">
				<text class="word">我们非常重视您的举报，感谢您与我们一起维护本平台，我们将在一个工作日内进行审核，请耐心等待。</text>
			</view>
			<view class="btn" @click="close">
				<text>完成</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		methods:{
			close(){
				uni.navigateBack({
					delta:1
				})
			},
		}
	}
</script>

<style>
	.layer{
		width: 100vw;
		height: 100vh;
		position: fixed;
		z-index: 9999;
		top:50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 750upx;
		height: 100vh;
		background: rgba(0,0,0,0.5);
		display: flex;
		justify-content: center;
		align-content: center;
	}
	.kuang{
		width: 516upx;
		/* height: 438upx; */
		opacity: 1;
		background:#FFFFFF;
		box-shadow: 0upx 0upx 20upx 0upx rgba(233,233,233,1);
		border-radius: 25upx;
		position: absolute;
		top: 438upx;
		left: 117upx;
		right: 117upx;
	}
	.img{
		width: 106upx;
		height: 122upx;
		margin-left: 200upx;
		margin-top: 13upx;
		opacity:1 !important;
	}
	.wordText{
		margin-left: 34upx;
		margin-top: 37upx;
		width: 450upx;
		height: 170upx;
	}
	.word{
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: rgba(51,51,51,1);
	}
	.btn{
		width: 411upx;
		height: 61upx;
		background: rgba(255,255,255,1);
		border-radius: 10upx;
		border: 1upx solid #C1D8FF;
		margin-left: 53upx;
		margin-top: 47upx;
		margin-bottom: 52upx;
	}
	.btn text{
		font-size: 28upx;
		color: #6CA7FF;
		margin-left: 170upx;
		margin-top: 10upx;
		position: absolute;
	}
	.backimg{
		width: 106upx;
		height: 122upx;
		background-image: url(../static/report.png);
		background-position:center ;
		background-size:100% 100%;
	}
	.backbox{
		display: flex;
		justify-content: center;
		margin-top: 20px;
	}
</style>
